$(function() {
    getLeftData()
        // 点击时获取相应的下标 获取对应的数据
    $('.leftBox').on('tap', 'a', function() {
            var id = $(this).attr('cateId')
                // console.log(id);
            getRightData(id)
        })
        // 获取左边数据并添加
    function getLeftData() {
        $.ajax({
            url: '/category/queryTopCategory',
            success: function(res1) {
                var leftHtml = template('leftTmp', res1)
                $('.leftBox').html(leftHtml)
                var firstId = $('.leftBox').find('a').eq(0).attr('cateId')
                getRightData(firstId)
                $('.leftBox').find('a').eq(0).addClass('mui-active')
            }
        })

    }
    // 获取右边数据并添加
    function getRightData(id) {
        $.ajax({
            url: '/category/querySecondCategory',
            data: {
                id: id
            },
            success: function(res2) {
                var rightHtml = template('rightTmp', res2)
                $('.rightBox').html(rightHtml)
            }
        })
    }
})